.test {
  primaryColor: #63e2b7;
  primaryColorHover: #7fe7c4;
  primaryColorPressed: #5acea7;
  primaryColorSuppl: rgb(42, 148, 125);
  infoColor: #70c0e8;
  infoColorHover: #8acbec;
  infoColorPressed: #66afd3;
  infoColorSuppl: rgb(56, 137, 197);
  successColor: #63e2b7;
  successColorHover: #7fe7c4;
  successColorPressed: #5acea7;
  successColorSuppl: rgb(42, 148, 125);
  warningColor: #f2c97d;
  warningColorHover: #f5d599;
  warningColorPressed: #e6c260;
  warningColorSuppl: rgb(240, 138, 0);
  errorColor: #e88080;
  errorColorHover: #e98b8b;
  errorColorPressed: #e57272;
  errorColorSuppl: rgb(208, 58, 82);
  textColorBase: #fff;
  textColor1: rgba(255, 255, 255, 0.9);
  textColor2: rgba(255, 255, 255, 0.82);
  textColor3: rgba(255, 255, 255, 0.52);
  textColorDisabled: rgba(255, 255, 255, 0.38);
  placeholderColor: rgba(255, 255, 255, 0.38);
  placeholderColorDisabled: rgba(255, 255, 255, 0.28);
  iconColor: rgba(255, 255, 255, 0.38);
  iconColorDisabled: rgba(255, 255, 255, 0.28);
  iconColorHover: rgba(255, 255, 255, 0.475);
  iconColorPressed: rgba(255, 255, 255, 0.30400000000000005);
  opacity1: 0.9;
  opacity2: 0.82;
  opacity3: 0.52;
  opacity4: 0.38;
  opacity5: 0.28;
  dividerColor: rgba(255, 255, 255, 0.09);
  borderColor: rgba(255, 255, 255, 0.24);
  closeColorHover: rgba(255, 255, 255, 0.65);
  closeColor: rgba(255, 255, 255, 0.52);
  closeColorPressed: rgba(255, 255, 255, 0.41600000000000004);
  closeColorDisabled: rgba(255, 255, 255, 0.38);
  clearColor: rgba(255, 255, 255, 0.38);
  clearColorHover: rgba(255, 255, 255, 0.48);
  clearColorPressed: rgba(255, 255, 255, 0.3);
  scrollbarColor: rgba(255, 255, 255, 0.2);
  scrollbarColorHover: rgba(255, 255, 255, 0.3);
  scrollbarWidth: 5px;
  scrollbarHeight: 5px;
  scrollbarBorderRadius: 5px;
  progressRailColor: rgba(255, 255, 255, 0.12);
  railColor: rgba(255, 255, 255, 0.2);
  popoverColor: rgb(72, 72, 78);
  tableColor: rgb(24, 24, 28);
  cardColor: rgb(24, 24, 28);
  modalColor: rgb(44, 44, 50);
  bodyColor: rgb(16, 16, 20);
  tagColor: rgba(0, 0, 0, 1);
  avatarColor: rgba(255, 255, 255, 0.18);
  invertedColor: #000;
  inputColor: rgba(255, 255, 255, 0.1);
  codeColor: rgba(255, 255, 255, 0.12);
  tabColor: rgba(255, 255, 255, 0.04);
  actionColor: rgba(255, 255, 255, 0.06);
  tableHeaderColor: rgba(255, 255, 255, 0.06);
  hoverColor: rgba(255, 255, 255, 0.09);
  tableColorHover: rgba(255, 255, 255, 0.06);
  pressedColor: rgba(255, 255, 255, 0.05);
  opacityDisabled: 0.38;
  inputColorDisabled: rgba(255, 255, 255, 0.06);
  boxShadow1: 0 1px 2px -2px rgba(0, 0, 0, .24); 0 3px 6px 0 rgba(0, 0, 0, .18); 0 5px 12px 4px rgba(0, 0, 0, .12);
  boxShadow2: 0 3px 6px -4px rgba(0, 0, 0, .24); 0 6px 12px 0 rgba(0, 0, 0, .16); 0 9px 18px 8px rgba(0, 0, 0, .10);
  boxShadow3: 0 6px 16px -9px rgba(0, 0, 0, .08); 0 9px 28px 0 rgba(0, 0, 0, .05); 0 12px 48px 16px rgba(0, 0, 0, .03);
  
  --color: var(--color);
  --font-size: 14px;
  --border-radius: 3px;
  --text-color: var(--text-color-base);
  --border: 1px solid var(borderColor);
  --border-disabled: 1px solid var(borderColor);
  --border-hover: 1px solid var(--primary-color-hover);
  --border-focus: 1px solid #36ad6a;
  --icon-size: 16px;
  --box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2);
  --loading-color: #18a058;
  --caret-color-warning: #f0a020;
  --color-focus-warning: rgba(255, 255, 255, 1);
  --box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2);
  --border-warning: 1px solid #f0a020;
  --border-focus-warning: 1px solid #fcb040;
  --border-hover-warning: 1px solid #fcb040;
  --loading-color-warning: #f0a020;
  --caret-color-error: #d03050;
  --color-focus-error: rgba(255, 255, 255, 1);
  --box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2);
  --border-error: 1px solid #d03050;
  --border-focus-error: 1px solid #de576d;
  --border-hover-error: 1px solid #de576d;
  --loading-color-error: #d03050;
  --clear-color: rgba(194, 194, 194, 1);
  --clear-size: 16px;
  --clear-color-hover: rgba(146, 146, 146, 1);
  --clear-color-pressed: rgba(175, 175, 175, 1);
  --icon-color: rgba(194, 194, 194, 1);
  --icon-color-hover: rgba(146, 146, 146, 1);
  --icon-color-pressed: rgba(175, 175, 175, 1);
  --icon-color-disabled: rgba(209, 209, 209, 1);
  --suffix-text-color: rgb(51, 54, 57);
}
